@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';
*{
    user-select: none;
}
body{
    height: 924px;
}

// 网页头部
.head{
    border: none;
    position: static; /* 静态定位: 就是没有定位 */
    .head-box{
        .head-left{
            a{
                display: inline-block;
                margin-top: -6px;
            }
        }
        .head-right{
            p{
                color: #8e8e8e;
                a{
                    color: #00bdff;
                }
            }
        }
    }
}

// 注册内容区
.content{
    width: 100%;
    height: 858px;
    background-color: #f8f8f8;
    position: relative;
    .regCont{
        width: 1000px;
        height: 669px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        .regbox{
            width: 420px;
            height: 100%;
            margin: 0 auto;
            h2{
                font-size: 38px;
                color: #4b4b4b;
                line-height: 58px;
                padding-top: 37px;
            }
            h3{
                font-size: 26px;
                color: #4b4b4b;
                line-height: 48px;
            }
            .reg-desc{
                width: 100%;
                height: 32px;
                font-size: 16px;
                color: #fff;
                line-height: 32px;
                background: #ED510A url("../../assets/imgs/reg-gift.png") no-repeat 44px 6px;
                border-radius: 3px;
                padding-left: 70px;
                box-sizing: border-box;
                margin-bottom: 29px;
            }
            .reg-item{
                position: relative;
                img{
                    position: absolute;
                    bottom: 36px;
                    right: 10px;
                    cursor: pointer;
                    display: none;
                }
                .clear{
                    position: absolute;
                    bottom: 36px;
                    right: 136px;
                }
                .error-cont{
                    color: #f15b5b;
                    font-size: 12px;
                    width: 50%;
                    line-height: 20px;
                    display: none;
                    .error-icon{
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        background: url("../../assets/imgs/sprite2.png") no-repeat 0px -128px;
                        position: absolute;
                        top: 13px;
                        right:-30px;
                    }
                    .error-msg{
                        position: absolute;
                        bottom: 34px;
                        right: -178px;
                    }
                    .phone{
                        position: absolute;
                        bottom: 34px;
                        right: -140px;
                    }
                    .code{
                        position: absolute;
                        bottom: 34px;
                        right: -147px;
                    }
                    .pwd{
                        position: absolute;
                        bottom: 34px;
                        right: -149px;
                    }
                }
                input{
                    width: 100%;
                    height: 39px;
                    line-height: 39px;
                    text-indent: 15px;
                    border-radius: 3px; 
                    border: 1px solid #c5c5c5;
                    color: #a3a3a3;
                    margin-bottom: 24px;
                }
                button{
                    width: 125px;
                    height: 41px;
                    border: 1px solid #c5c5c5;
                    background: #f3f5f8;
                    cursor: pointer;
                    position: absolute;
                    bottom: 24px;
                    right: -2px;
                }
            }
            .agreement{
                line-height: 20px;
                margin-bottom: 27px;
                label{
                    input{  
                        vertical-align: middle;
                    }
                    span{
                        font-size: 12px;
                        margin-top: 0px;
                    }
                    a{
                        font-size: 12px;
                        color: #00bdff;
                    }
                }
            }
            .btn{
                width: 100%;
                height: 50px;
                color: #5f5f5f;
                font-size: 16px;
                background: #e0e0e0;
                border-radius: 3px;
            }
        }
    }
}